﻿@model EvertonApp.Admin.Models.ComercioModel

@{
    ViewBag.Title = "InicioComercio";
}

@using (Ajax.BeginForm("insertarComercio", "Comercio", FormMethod.Post, new AjaxOptions { OnComplete = "limpiarCampos();" }, new { @id = "formularioComercio", enctype = "multipart/form-data" }))
{
<div id="divContenedorGeneral"> 
@*    <center>
     <div class="modal-body">
        <table  class="tabla_datos">
            <tr>
                <td>
                    @Html.Label("nombreLabel", "Nombre:")
                </td>
                <td>
                    @Html.TextBoxFor(mod => mod.Nombre, new { id = "Nombre", name = "NombreComercio" } as object)
                </td>
                <td>
                    @Html.Label("telefonoLabel", "Teléfono:")
                </td>
                <td>
                    @Html.TextBoxFor(mod => mod.Telefono, new { id = "Telefono", name = "TelefonoComercio" } as object)
                </td>
            </tr>    
            <tr>
                <td>
                    @Html.Label("direccionLabel", "Dirección:")
                </td>
                <td colspan="3">
                    @Html.TextBoxFor(mod => mod.Direccion, new { id = "Direccion", name = "DireccionComercio", style = "width: 100%;" } as object)
                </td>
            </tr> 
            <tr>
                <td colspan="4" style="text-align:center">
                    <button type="submit" value="Insertar" id="btnInsertarComercio" class="btn btn-primary" >Insertar</button>
                </td>
            </tr>                
        </table>
    </div>
    </center>*@
        
    <div id="divGridComercios">
        @if (Model.Comercios.Count() > 0)
        {
            WebGrid grid = new WebGrid(rowsPerPage: 8);
            grid.Bind(Model.Comercios, autoSortAndPage: false, rowCount: Model.Comercios.Count());
            @grid.GetHtml(
                fillEmptyRows: false,
                tableStyle: "tabla_datos",
                alternatingRowStyle: "fila-alternativa",
                headerStyle: "encabezado-grid",
                footerStyle: "pie-grid",
                mode: WebGridPagerModes.All,
                firstText: "<< Primera",
                previousText: "< Anterior",
                nextText: "Siguiente >",
                lastText: "Última >>",
                columns: new[]{
                    grid.Column("Id",header: "Nº Comercio", canSort: false),
                    grid.Column("Nombre",header: "Nombre", canSort: false),
                    grid.Column("Direccion",header: "Dirección", canSort: false),
                    grid.Column("Telefono",header: "Teléfono", canSort: false), 
                    grid.Column("",header: "Acciones", format:@<text>
                        @Ajax.ActionLink("Editar", "EditarComercio", "Comercio", new { Id = item.Id, Nombre = item.Nombre, Direccion = item.Direccion, Telefono = item.Telefono }, new AjaxOptions { HttpMethod = "POST", UpdateTargetId = "divContenedorGeneral" })
                        @Ajax.ActionLink("Eliminar", "ElimiarComercio", "Comercio", new { Id = item.Id, Nombre = item.Nombre, Direccion = item.Direccion, Telefono = item.Telefono }, new AjaxOptions { HttpMethod = "POST", UpdateTargetId = "divGridComercios" })
                        </text> )}
            )
        }
        else
        {
            {@Html.Label("No se han encontrado comercios.")}
        }
    </div>
</div>
}
